<!-- INCLUDE lbg/dojo_header.html -->

<div class="panel">
   <div class="inner">

       <div class="content">
          <form id="viewForm" data-dojo-type="dojox/form/Manager">
              <div data-dojo-type="dijit/Toolbar" id="toolbar">
                  <button id = "new" name="new" onClick="editBoxDialog.mode='new';editBoxDialog.show();" data-dojo-type="dijit/form/Button" 
                       data-dojo-props="iconClass:'lbgNew',   showLabel:false"></button>
                  <span id="new_tt" data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'new'">Neuen Eintrag anlegen</span>                       
                  <button id="edit" name="edit" onClick="editBoxDialog.mode='edit';editBoxDialog.show()" data-dojo-type="dijit/form/Button" 
                       data-dojo-props="iconClass:'lbgEdit',  showLabel:false"></button>
                  <span id="edit_tt" data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'edit'">Eintrag bearbeiten</span>                       
                  <button id="delete" name="delete" id="delete" data-dojo-type="dijit/form/Button" 
                       data-dojo-props="iconClass:'lbgDelete',    showLabel:false"></button>
                  <span id="delete_tt" data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'delete'">Eintrag löschen</span>                       
                  <button id="filter" name="filter" onClick="filterDialog.show()" data-dojo-type="dijit/form/Button" 
                       data-dojo-props="iconClass:'lbgSearch',    showLabel:false"></button>
                  <span id="filter_tt" data-dojo-type="dijit/Tooltip" data-dojo-props="connectId:'filter'">Einträge filtern</span>                       
              </div>
          
              <div id="grid" class="gridContainer">
              </div>
              <textarea name="additional_info" rows="10" cols="10" data-dojo-type="dijit/form/SimpleTextarea"></textarea>
          </form>
       </div>
   </div>
</div>

<div class="claro">
<div data-dojo-type="dijit/Dialog" id="editBoxDialog" data-dojo-id="editBoxDialog">
  <form class="formee" id="editForm" data-dojo-type="dojox/form/Manager">
    <div class="grid-12-12">
        <label>Kurzbeschreibung/Name</label>
        <input type="text" name="lb_name" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props="required:true">
    </div>
    
    <div class="grid-3-12">
        <label>KFZ</label>
        <input type="text" name="kfz" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props="required:true,regExp:'^([A-Z?]?[A-Z?]?[A-Z?])$',invalidMessage:'KFZ-Kennzeichen oder ???',missingMessage:'KFZ-Kennzeichen oder ???'">
        
    </div>
    
    <div class="grid-9-12">
        <label>Stadt</label>
        <input type="text" name="city" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-props="required:true">
    </div>
    
    <div class="grid-12-12">
        <label>Status</label>
        <select name="state" data-dojo-type="dijit/form/Select">
            <option value="1" selected="selected">Idee</option>
            <option value="2">in Arbeit</option>
            <option value="3">Fertig!</option>
        </select>
    </div>

    <div class="grid-12-12 right">
        <label>Zusatzinfo</label>
        <textarea name="additional_info" rows="10" cols="10" data-dojo-type="dijit/form/SimpleTextarea"></textarea>
    </div>	  		
    
    <div class="grid-6-12">
        <button type="submit" data-dojo-type="dijit/form/Button" name="send">
            <span>Absenden</span>
        </button>
    </div>
    
  </form>      
</div>

<div data-dojo-type="dijit/Dialog" id="filterDialog" data-dojo-id="filterDialog" title="Einträge filtern">
  <form class="formee" id="filterForm" data-dojo-type="dojox/form/Manager">
    <div class="grid-12-12">
        <label>Nick</label>
        <input type="text" name="user_name" data-dojo-type="dijit/form/TextBox">
    </div>
    
    <div class="grid-3-12">
        <label>KFZ</label>
        <input type="text" name="kfz" data-dojo-type="dijit/form/TextBox">
    </div>
    
    <div class="grid-12-12">
        <label>Stadt</label>
        <input type="text" name="city" data-dojo-type="dijit/form/TextBox">
    </div>
    
    <div class="grid-6-12">
        <button type="submit" data-dojo-type="dijit/form/Button" name="send">
            <span>Absenden</span>
        </button>
    </div>
    
  </form>      
</div>      

<div id="confirm" data-dojo-id="confirm" data-dojo-type="dijit/Dialog" title="Löschen">
    <div style="width:250px; height:80px">
        <div id="id_dialog_text"></div>
    </div>

    <div class="dijitDialogPaneActionBar">
        <button 
            data-dojo-type="dijit/form/Button" 
            type="submit" 
            id="id_dialog_button_1">Yes</button>
        <button 
            data-dojo-type="dijit.form.Button"
            data-dojo-props="onClick:function(){confirm.hide();}"
            type="button" 
            id="id_dialog_button_2"
        >Cancel</button>
    </div>
</div>      
</div>

<!-- INCLUDE jumpbox.html -->
<!-- INCLUDE overall_footer.html -->
